<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>02-获取元素</title>

    <SCRIPT>
      /*
         -- 获取元素节点
            1. document.body
                document.body获取文档中的 body 元素。
            2. document.links
                document.links获取文档中的所有 a 元素，返回的结果是一个数组。
            3. document.images
                document.images获取文档中的所有 img 元素，返回的结果是一个数组。
            4. document.forms
                document.forms获取文档中的所有 form 表单，返回的结果是一个数组。
            5. document.all
                document.all获取文档中的所有元素，返回的结果是一个数组。
      */

      // 入口函数 等加载完在执行的代码
      window.onload = function () {
          var body = document.body;
          console.log(body);
          let links = document.links;
          console.log(links);
          let images = document.images;
          console.log(images);
          let forms = document.forms;
          console.log(forms);
          let all = document.all;
          console.log(all);
      }
    </SCRIPT>
</head>
<body>
      <a href="https://www.baidu.com">点我去百度</a>
      <a href="https://www.taobao.com">点我去淘宝</a>

      <img src="../image/1.png" alt="">
      <img src="../image/1.png" alt="">
      <img src="../image/1.png" alt="">

      <form action="#" method="get">
        <input type="text" name="username" value="张三">
        <input type="text" name="password" value="123">
        <input type="text" name="age" value="19">
      </form>
      <form action="#" method="get">
        <input type="text" name="username" value="李四">
        <input type="text" name="password" value="456">
        <input type="text" name="age" value="33">
</form>
</body>
</html>